<template>
    <div class="hello">
        <!-- <:value="site.name" @input="site.name = $event"/> -->
        <input :value="value" @input="$emit('input', $event.target.value)" />
        <!-- {{ site.name }} -->
        <!-- {{ name }} -->
        <!-- {{ $attrs.name }} -->
        <button @click="change">
            change
        </button>
        <hr />
    </div>
</template>

<script>
export default {
    props: ["value", "site"],
    methods: {
        change() {
            // this.site.name = "baidu";
            // console.log(this.name);
            // this.name = "cc";
            // this.$emit("parentEvent", "tom...");
        }
    }
};
</script>
